 <div class="row" style="margin:5px;>
        <div class="col-xs-12 col-md-12 col-lg-12 col-sm-12">
        <div class="panel panel-info">
            <div class="panel-heading">
                {{ pageData["news"].title }}
            </div>
            <div class="panel-body">
                {{ pageData["news"].body }}
            </div>
            <div class="panel-footer">
                {{ pageData["news"].publication_date|datetimeformat}}  -  Visualizzazioni {{ pageData["news"].clicks }}
            </div>
        </div>
    </div>
</div>
<hr/>
    <div style="padding:10px;">
<button  type="button" class="btn btn-success col-xs-12 col-sm-12 col-lg-12 centered" data-dismiss="modal">Close</button>
</div>
<br/> <br/>
     <script type="text/javascript">
         $(document).ready(function () {

$("a[data-target=#myModall]").click(function(ev) {
    ev.preventDefault();
    var target = $(this).attr("href");
    // load the url and show modal on success
    $("#myModall .modal-body").empty()
    $("#myModall .modal-body").load(target, function() {
         $("#myModal").modal("show");
    });
});


$('#myModall').on('hidden.bs.modal', function() {
    $(this).removeData('bs.modal');
    });


    });
    </script>
